﻿<%@ Page Title="" Language="C#" MasterPageFile="~/master.Master" AutoEventWireup="true" CodeBehind="venues.aspx.cs" Inherits="Hotel2.venues" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <link rel="stylesheet" type="text/css" href="css/teal.css" media="screen">
    <link rel="stylesheet" type="text/css" href="css/payments.css" media="screen">
    <link rel="stylesheet" type="text/css" href="css/venue.css" media="screen">
    <script type="text/javascript" src="js/tabber.js"></script>


<script
src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDY0kkJiTPVd2U7aTOAwhc9ySH6oHxOIYM&sensor=false">
</script>

<script>
var myCenter=new google.maps.LatLng(51.508742,-0.120850);

function initialize()
{
var mapProp = {
  center:myCenter,
  zoom:5,
  mapTypeId:google.maps.MapTypeId.ROADMAP
  };

var map=new google.maps.Map(document.getElementById("googleMap"),mapProp);

var marker=new google.maps.Marker({
  position:myCenter,
  });

marker.setMap(map);

var infowindow = new google.maps.InfoWindow({
  content:"<a href='venueExample.aspx'><div class='venueImage'>image</div><div class='venueContent'><div class='venueTitle'>Venue Example</div><div class='venueText'>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy.</div></div></a>"
  });

google.maps.event.addListener(marker, 'click', function() {
  infowindow.open(map,marker);
  });
}

google.maps.event.addDomListener(window, 'load', initialize);
</script>

</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div class="content">
		<div class="article">
			<div class="ArticleContent">
				<h1>Venues</h1>
				
                    <div class="tabber">

                         <div class="tabbertab">
	                      <h2>List</h2>
                            <a href="venueExample.aspx"><span class="venueBox">
                                <div class="venueImage">
                                    image
                                </div>
                                <div class="venueContent">
                                    <div class="venueTitle">Venue Example</div>
                                    <div class="venueText">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy.</div>
                                </div>
                            </span></a>

                            <a href="venueExample.aspx"><span class="venueBox">
                                <div class="venueImage">
                                    image
                                </div>
                                <div class="venueContent">
                                    <div class="venueTitle">Venue Example</div>
                                    <div class="venueText">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy.</div>
                                </div>
                            </span></a>

                            <a href="venueExample.aspx"><span class="venueBox">
                                <div class="venueImage">
                                    image
                                </div>
                                <div class="venueContent">
                                    <div class="venueTitle">Venue Example</div>
                                    <div class="venueText">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy.</div>
                                </div>
                            </span></a>

                            <a href="venueExample.aspx"><span class="venueBox">
                                <div class="venueImage">
                                    image
                                </div>
                                <div class="venueContent">
                                    <div class="venueTitle">Venue Example</div>
                                    <div class="venueText">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy.</div>
                                </div>
                            </span></a>

                            <a href="venueExample.aspx"><span class="venueBox">
                                <div class="venueImage">
                                    image
                                </div>
                                <div class="venueContent">
                                    <div class="venueTitle">Venue Example</div>
                                    <div class="venueText">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy.</div>
                                </div>
                            </span></a>

                            <a href="venueExample.aspx"><span class="venueBox">
                                <div class="venueImage">
                                    image
                                </div>
                                <div class="venueContent">
                                    <div class="venueTitle">Venue Example</div>
                                    <div class="venueText">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy.</div>
                                </div>
                            </span></a>
                            <div class="test"></div>
                         </div>



                         <div class="tabbertab">
	                      <h2>Map</h2>
	                      <div id="googleMap" style="height:500px;"></div>
                          <div class="test"></div>
                         </div>
                    </div>


			</div>
		
		</div>
				
	</div>
</asp:Content>
